<template>
	<view class="uni-tab-bar">
		<view class="list-title">
			<text class='shu'></text>
			<text style="display: none">{{tabBars[tabIndex].name}}</text>
			<text>评论</text>
		</view>
		<!-- tabbar头部 -->
		<view class="glmoreTabBox">
			<view 
			class="glmoreTab" >
				<block>
					<view 
					v-for="(tab,index) in tabBars" 
					:key="tab.id" 
					:class="tabIndex==index ? 'active' : ''" 
					@click="tapTab(index)">
						{{tab.name}}
						{{tab.numb}}
					</view>
				</block>
			</view>
			<!-- 内容 -->
			<view class="pl-list" :current="tabIndex" :duration="300" :style="{paddingTop:(isPlFixed ? padHeight+'px' : '')}">

				<view class="pl-item" v-for="(item,index1) in replyData" :key='index1'>
					<!-- 主评论 -->
					<view @tap="togglePopup('bottom','goHfDetail1', 'reply1',index1)">
						<view class="item-head">
							<image class="head-icon" :src="item.headicon" mode=""></image>
							<text class="username">{{item.username}}</text>
							<text class="time">{{item.time}}</text>
						</view>
						<!-- <view>
							<text class="time-type" v-if="showTP">2019-1-1 招牌二人餐</text>
						</view> -->
							<text class="pinglun" ref="desc">{{item.pinglun}}</text>
						<view class="toggleText"><text>全文</text></view>
						<!-- <view class="toggleText"><text  @tap="toggleAllText(item)">{{item.isShowAllPl ? '收起' : '全文'}}</text></view> -->
						</view>
						<view class="photo-list">
							<image :src='img' @click="showBig(img)" mode="" v-for="(img,index2) in item.photo" :key='index2'></image>
						</view>

					<!-- icon -->
					<view class="zp-btn">
						<!-- 点赞 -->
						<view>
							<image src="/static/plZan0.png" mode=""></image>
							<text class="zp-text">{{item.zan}}</text>
						</view>
						<!-- 评论 -->
						<view class="plBtn" @tap="plBtn(index1)">
							<image src="/static/plPl0.png" mode=""></image>
							<text class="zp-text">{{item.plnum}}</text>
							<!-- 	<input type="text"/> -->
						</view>
						<!-- 举报-->
						<view class="plJb" @tap="toggleJb(index1)" >
							<image src="/static/plMore.png" mode=""></image>
							<view  
							class="jbBtn" 
							 @tap="jubaoBtn(index1)" 
							 v-if="jubaoBtnIndex == index1"
							 >举报</view>
						</view>
					</view>
					
					<!-- 对主评论的回复展示 -->
					<view>
						<!--  :class="[item.isShow ? 'rlHeight' :'']" v-if="item.comments.length !== 0"  v-if="item.isShow ? 'index3 < 2' :'index3'"-->
						<view class="reply">
							<!-- 对主评论进行评论 -->
							<view @tap="togglePopup('bottom','goHfDetail1','reply1',index1)">
								<view 
								 class="reply-user"
								 v-for="(comment,index3) in item.comments" 
								 :key="index3">
									<text class="username">{{comment.name}}：</text>
									<text class="reply-text">{{comment.comment}}</text>
								</view>
							</view>
							
							<view>
								<!--v-if="showReplyNum"-->
								<view class="reply-more" v-if="item.comments.length >= 2">
								<text @tap="zhanKai(item)">{{item.isShow ?'收起':'查看全部'+item.plnum+'条回复' }}</text></view>
							</view>
						</view>
					</view>
					
				</view>
			</view>
		</view>
		<!-- 只有城市，攻略里面的一进入页面显示评论input  -->
			<view class="talkInput"  v-if="isShowPlBox" @tap="togglePopup('bottom','mainPl')">
				<view class="inputFl">
					<image src="/static/talkInput.png"></image>
					<input 
					type="input" 
					placeholder="请输入评论..." 
					placeholder-style="color:#B6B6B6" 
					adjust-position="false"
					disabled="true"/>
				</view>
				<view class="inputFr">
					<image src="/static/plPic.png"></image>
					<text>发布</text>
				</view>
			</view>
			<!-- 显示大图 -->
			<view class="bigPhoto" v-if="showBigPhoto" @click="packs">
				<image :src="bigImg" @click="showBigPhoto=false" mode="aspectFit"></image>
			</view>
			<!-- 主评论弹窗 -->
		 <uni-popup 
		 ref="mainPl" 
		 :type="type" 
		 :custom="true"
		  @change="change"
		  touch-action:none>
				<view class="uni-share">
					<view class="uni-share-title">
						<view>发表评论</view>
						<uni-icon type="closeempty" size="20" color="#999999" @tap="cancel('mainPl')"></uni-icon>
					</view>
					<view class="uni-share-content">
						<view class="conText">
							<textarea 
							placeholder="编辑内容..." 
							placeholder-style="color:#CCCCCC"></textarea>
						</view>
						<view class="conPic">
							<text class="conPic-tip">最多上传5张图</text>
							
							<view class="urlPic-box">
								<view 
								class="urlPic-item"
								v-for="(urlPic,index) in urlPiclist" 
								:key="index">
									<image
									:src="urlPic.path"
									mode="scaleToFill">
									</image>
								</view>
								
								<view @tap="upPicBtn" class="addPic-box">
									<image src="/static/addyj-tit.png"></image>
								</view>
							</view>
						</view>
					</view>
					<view class="share-fb fb-blue" @tap="fbBtn('mainPl')">发布评论</view>
				</view>
			</uni-popup>
				<!-- 回复主评论的评论详情 -->
				<reply1 ref="reply1" @emptydata="empty" :reply1List="reply1List"></reply1>
			<!-- 下拉查看更多 -->
			<!-- <view class="down-more">
				<image src="/static/d-down.png" mode=""></image>
				<text>下拉查看更多</text>
			</view> -->
		</view>
</template>

<script>
	import uniPopup from '@/components/uni-popup/uni-popup.vue'
	import uniIcon from '@/components/uni-icon/uni-icon'
	import reply1 from '@/components/reply1.vue'
	let observer = null;
	export default {
		components:{
			uniPopup,
			uniIcon,
			reply1
		},
		mounted() {
			this.jubaoBtnIndex = -1;
		},
		computed: {
			// 状态栏高度
			statusBarHeight() {
				return global.statusBarHeight
			},
			
		},

		props: {
			// itemHandle: {
			// 	type: Function,
			// 	default: function() {
			// 		return function() {
			// 			console.log('itemHandle');
			// 		}
			// 	}
			// },
			//只有城市，攻略里面的一进入页面显示,默认隐藏
			isShowPlBox:{
				type:Boolean,
				default:false
			},
			//不同页面不同tabbar 默认true显示5个
			isShowAllHead:{
				type:Boolean,
				default:true
			},
			// itemHandle2: {
			// 	type: Function,
			// 	default: function() {
			// 		return function() {
			// 			console.log('itemHandle2');
			// 		}
			// 	}
			// },
			// isShowzan:{
			// 	type:Boolean,
			// 	default:false
			// },
			// showReply: {
			// 	type: Boolean,
			// 	default: true
			// },
			// showReplyNum: {
			// 	type: Boolean,
			// 	default: true
			// },
			// showTP: {
			// 	type: Boolean,
			// 	default: false
			// },
			// showTime: {
			// 	type: Boolean,
			// 	default: true
			// },
			// foodComment: {
			// 	type: Boolean,
			// 	default: false
			// },
		},
		data() {
			return {
				padHeight:null, //头部fixed后评论内容的paddingTop参数
				jubaoBtnIndex:-1,//默认隐藏举报按钮
				lookAll:2,
				tabIndex: 0, //默认选中第一个tab
				tabBars: [
					{
						name:'全部',
						numb:3
					},
					{
						name: '最新评论',
						numb:3
					},
					{
						name: '热门评论',
						numb:3
					},
					{
						name: '有图',
						numb:2
					},
					{
						name: '好评',
						numb:3
					},
					{
						name: '中评',
						numb:3
					},
					{
						name: '差评',
						numb:3
					}
				],
				isShowPullTc: false,
				replyData: [{
						username: 'u***n',
						pinglun: '“一带一路”沿线的空间信息网络',
						needOpen:false,
						time: '2010-12-21',
						headicon: '/static/textTx2.jpg',
						photo: [
							'/static/banner.png', '/static/banner.png', '/static/banner.png',
							'/static/banner.png', '/static/banner.png'
						],
						zan: 32,
						plnum: 3,
						look: 234,
						// 对主评论的评论 一级评论
						comments: [
							{
								comHead: '/static/textTx3.jpg',
								name: '千恩',
								comment: '世界那么大，我想去看看',
								comTime:'2010-12-22',
								zan: 6,
								plnum: 4,
								//对主评论的评论的评论  二级评论
								comPl:[
									{
										name: '邱枫',
										comment: '去了不同的地方,看了不同的风景,知道了不同的事,感悟了不同的人生',
										comHead: '/static/textTx3.jpg',
										comTime:'2010-12-26'
									},
									{
										name: '向日葵',
										comment: '旅游不在乎终点',
										comHead: '/static/testglPic.png',
										comTime:'2010-12-26'
									},
									{
										name: '大娃',
										comment: '到此一游',
										comHead: '/static/textTx3.jpg',
										comTime:'2010-12-26'
									},
									{
										name: '二娃',
										comment: '到此一游+1',
										comHead: '/static/testglPic.png',
										comTime:'2010-12-26'
									}
								],
							},
							{
								comHead: '/static/testglPic.png',
								name: 'vfanroi',
								comment: '离开这个喧嚣的世界，去寻找一片宁静的乐园。',
								comTime:'2010-12-26',
								zan: 134,
								plnum: 1,
								//对主评论的评论的评论  二级评论
								comPl:[],
							},
							{
								comHead: '/static/testTx1.jpg',
								name: '小明同学',
								comment: '+1。',
								comTime:'2010-12-26',
								zan: 2,
								//对主评论的评论的评论  二级评论
								comPl:[
										{
											name: '老四',
											comment: '到此一游',
										}
								],
							},
						],
					},
					{
						username: 'u***n',
						pinglun: '反观中国航天则历来倡导合作共赢，无论是探测月球、建设空间站、还是未来惠及“一带一路”沿线的空间信息网络，都敞开怀抱欢迎八方来客。反观中国航天则历来倡导合作共赢，无论是探测月球、建设空间站、还是未来惠及“一带一路”沿线的空间信息网络，都敞开怀抱欢迎八方来客。。',
						time: '2010-12-21',
						needOpen:false,
						headicon: '/static/questYz2.png',
						photo: [
							'/static/banner.png', '/static/banner.png', '/static/banner.png',
						],
						zan: 32,
						plnum: 0,
						look: 234,
						pl: [],
						comments: [],
					},
					{
						username: 'u***n',
						pinglun: '反观中国航天则历来倡导合作共赢，无论是探测月球、建设空间站、还是未来惠及“一带一路”沿线的空间信息网络，都敞开怀抱欢迎八方来客。反观中国航天则历来倡导合作共赢，无论是探测月球、建设空间站、还是未来惠及“一带一路”沿线的空间信息网络，都敞开怀抱欢迎八方来客。',
						time: '2010-12-21',
						needOpen:false,
						headicon: '/static/testTx1.jpg',
						photo: [],
						zan: 32,
						plnum: 0,
						look: 234,
						pl: [],
						comments: [],
					}
				],
				bigImg:'',
				showBigPhoto:false,
				// isPlFixed: false,
				// isShowPl: false, //是否显示评论框
				isShowtoggleText:true,
				type:'',
				urlPiclist:[
					{path:'/static/banner.png'},
					{path:'/static/banner.png'},
					{path:'/static/banner.png'},
					{path:'/static/banner.png'},
				],
				reply1List:[],//对于某条主评论数据
			}
		},
		methods: {
			empty(){
				this.reply1List = [];
			},
			// 主评论
			togglePopup(type,open, childRefName = '',index1){
				this.jubaoBtnIndex = -1
				this.type = type;
				if(childRefName) {
					this.reply1List.push(this.replyData[index1]);
					this.$refs[childRefName].togglePopup(type, open);
					// console.log(this.$refs)
					console.log(this.reply1List);
					return;
				};
				this.$refs[open].open()
				
			},
			cancel(type) {
				this.jubaoBtnIndex = -1;
				this.$refs[type].close();
				
			},
			change(e) {
				console.log(e.show)
			},
			//举报
			toggleJb(index1){
				if(this.jubaoBtnIndex !== index1){
					this.jubaoBtnIndex = index1
				}else{
					this.jubaoBtnIndex = -1
				}
			},
			//收起举报事件
			packs(){
				this.jubaoBtnIndex = -1
			},
			// 举报
			jubaoBtn(index1){
				uni.navigateTo({
					url:'/pages/common/report'
				});
				this.jubaoBtnIndex = -1
			},
			// 发布评论
			fbBtn(type){
				this.jubaoBtnIndex = -1
				this.cancel(type);
				uni.showToast({
					icon:'none',
					title:'发布成功'
				})
			},
			zhanKai(item) {
				this.jubaoBtnIndex = -1
				if (!item.isShow) {
					this.$set(item, 'isShow', false)
					item.isShow = !item.isShow
				} else {
					item.isShow = !item.isShow
				}
				},
			tapTab(index) {
				this.tabIndex = index
				this.jubaoBtnIndex = -1
			},
			
			//显示大图
			showBig(url){
				this.jubaoBtnIndex = -1
				this.bigImg = url
				this.showBigPhoto = true
			},
			//上传评论图片
			upPicBtn(){
				this.jubaoBtnIndex = -1
				uni.chooseImage({
					count:5,
					success:(res)=>{
						const tempFilePaths = chooseImageRes.tempFilePaths;
						uni.uploadFile({
							url:'',
							files:[],
							success:(uploadFileRes) =>{
								console.log(uploadFileRes.data);
							}
						})
					}
				})
			},
			//全文切换
			// 	toggleAllText(item){
			// 		if(!item.isShowAllPl){
			// 			this.$set(item,'isShowAllPl',false)
			// 			item.isShowAllPl = !item.isShowAllPl
			// 		}else{
			// 			item.isShowAllPl = !item.isShowAllPl
			// 		}
			// },
			
			
		},
		
	}
</script>

<style scoped>
	/* .uni-tab-bar {
		margin-top: 60upx;

	} */

	.list-title {
		width: 93.4%;
		height: 58.4upx;
		margin:20upx auto 32upx auto;
	}

	.list-title text {
		font-size: 30upx;
		font-weight: bolder;
	}

	.shu {
		width: 0.7%;
		height: 3.06vw;
		background: #55A0FF;
		float: left;
		margin-top: 2.3vw;
		margin-right: 10px;
	}
	.bigPhoto{
		position: fixed;
		width: 100%;
		height: 100vh;
		top: 0;
		left: 0;
		z-index: 1099;
		background: rgba(0,0,0,0.5);
	}
	.bigPhoto image{
		width: 100%;
		height: 100vh;
	}
	/* 头部 */

	.glmoreTabBox {
		position: relative;
	}

	.glmoreTab {
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		flex-wrap: wrap;
		/* margin-top:-82upx; */
		/* margin-bottom: 40upx; */
		/* height: 54upx; */
		z-index: 888;
		/* border:1px solid red; */
		box-sizing: border-box;
		position: sticky;
		top:calc(88upx + var(--status-bar-height)) !important;
		box-shadow: 0 -1px #fff;
	}
	/* .glmoreTab-top{
		top: calc(88upx + var(--status-bar-height)) !important;
	} */
	.glmoreTab {
		background: #ffffff;
		/* border:1px solid red; */
		border-top:1px solid #FFFFFF;
	}

	.glmoreTab>view {
		padding:0 22upx;
		margin-left: 26upx;
		margin-bottom: 26upx;
		text-align: center;
		font-size: 24upx;
		color: #999999;
		line-height: 54upx;
		position: relative;
		border-radius: 54upx;
		border:1px solid #999999;
		box-sizing: border-box;
	}
	.glmoreTab .active {
		border:1px solid #5694FF;
		color: #0075EE;
	}

	/* .glmoreTab .active:before {
		content: "";
		width: 102upx;
		height: 3upx;
		background: linear-gradient(left, #8EC6FF, #6592F7);
		display: block;
		margin: auto;
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -51upx;
	} */

	/* 头部end */

	.pl-list {
		width: 700upx;
		margin:0 25upx 40upx 25upx;
	}

	.pl-item {
		width: 700upx;
		padding-top: 40upx;
		height: auto;
	}

	.item-head {
		width: 700upx;
		height: 80upx;
	}

	.head-icon {
		width: 80upx;
		height: 80upx;
		border-radius: 50%;
		float: left;
		margin-right: 14upx;
	}

	.username {
		font-size: 30upx;
	}

	.time {
		font-size: 22upx;
		height: 80upx;
		line-height: 80upx;
		float: right;
		margin-left: 20upx;
		color: #888888;
	}

	.time-type {
		font-size: 24upx;
		height: 80upx;
		width: 610upx;
		display: block;
		line-height: 80upx;
		float: right;
		text-align: left;
		margin-top: -40upx;
		margin-left: 20upx;
		color: #888888;
	}

	.pinglun {
		width: 619upx;
		text-align: justify;
		text-indent: 56upx;
		display: block;
		word-break: break-all;
		font-size: 28upx;
		line-height: 40upx;
		margin-top: 20upx;
		margin-left: 75upx;
		max-height: 120upx;
		overflow: hidden;
	}
	.autoPinglun{
		max-height: none;
	}
	.pinglun-food {
		text-indent: 0upx;
	}

	.photo-list {
		width: 619upx;
		margin-top: 20upx;
		margin-left: 75upx;
		height: auto;
		display: flex;
		flex-direction: row;
		/* justify-content: space-between; */
		flex-wrap: wrap
	}
	.photo-list image {
		width: 192upx;
		margin-bottom: 15upx;
		margin-right: 15upx;
		height: 146upx;
		border-radius: 10upx;
		overflow: hidden;
	}
	.photo-list image:nth-child(3){
		margin-right: 0;
	}
	.zp-btn {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
	}

	.zp-btn>view {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		padding:15upx 34upx 15upx 34upx;
	}
	/* .zp-btn>view:last-child{
		margin-right:0upx;
	} */
	.zp-btn image {
		width: 29upx;
		height: 26upx;
		
		margin-right: 10upx;
	}

	.zp-text {
		font-size: 24upx;
		line-height: 26upx;
		color: #999999;
	}

	.reply {
	/* 	background: #999; */
		width: 622upx;
		/* max-height: 190upx; */
		overflow: hidden;
		margin-left: 75upx;
		background-color: #F6F6F6;
		border-radius: 10upx;
		padding: 0upx 20upx;
		position: relative;
		box-sizing: border-box;
		transition: all .3s ease;
	}

	.rlHeight {
		max-height: none;
		transition: all .3s ease;
	}

	.reply:before {
		content: '';
		position: absolute;
		margin-left: 26px;
		top: -36upx;
		border: 10px solid transparent;
		border-top-color: #D0D0D0 !important;
		transform: rotateX(180deg);
		z-index: -1;
	}
	
	.comment-item{
		/* background: green; */
		/* margin-top: 24upx; */
		line-height: 46upx;
	}
	.reply-user {
		line-height: 44upx;
		
	}

	.reply-user .username {
		font-size: 24upx;
		color: #22498B;
	}

	.reply-user .time {
		width: 400upx;
		display: block;
		font-size: 24upx;
		color: #54B0FF;
	}

	.reply-user .hf {
		font-size: 24upx;
		padding: 0 8upx;
		color: #333;
	}

	.reply-text {
		font-size: 26upx;
		color: #333333;
	}

	.reply-more {
		color: #86A8FF;
		font-size: 22upx;
		text-align: right;
		margin-top: 14upx;
		margin-bottom: 14upx;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
	}

	.read-num {
		font-size: 24upx;
		color: #999999;
		float: left !important;
		margin-left: 80upx;
	}

	/* .plFixed {
		position: fixed;
		top: 88upx;
		margin-top: var(--status-bar-height);
		left: 0;
		z-index: 1000;
		
	} */

	.talkInput {
		width: 100%;
		padding: 0 38upx;
		height: 90upx;
		line-height: 90upx;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 888;
		background: #FFFFFF;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box;
	}

	.talkInput .inputFl image {
		width: 36upx;
		height: 36upx;
		position: absolute;
		top: 50%;
		margin-top: -20upx;
		left: 40upx;
	}
	.talkInput .inputFr image{
		margin-right: 6upx;
		width:36upx;
		height: 32upx;
		padding:8upx;
	}
	.talkInput input {
		height: 90upx;
		line-height: 90upx;
		padding-left: 90upx;
		font-size: 30upx;
	}
	.inputFr {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}
	.talkInput text {
		padding: 8upx;
		font-size: 30upx;
		color: #000000;
	}

	.plBtn {
		position: relative;
		height: 100%;
	}

	.plBtn input {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 9;
		/* border: 1px solid red; */
		width: 60upx;
	}
	.plJb{
		position: relative;
		}
	.jbBtn{
		position: absolute;
		right: 0;
		font-size: 24upx;
		color: #333333;
		width: 184upx;
		height: 70upx;
		line-height: 70upx;
		background: rgba(255,255,255,1);
		box-shadow: 0px 0px 20px 0px rgba(216,216,216,1);
		text-align: center;
		bottom:-90upx;
		z-index: 1;
		}
	.plJb image{
		width:6upx;
		height: 26upx;
	}
	.toggleText{
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
	}
	.toggleText text{
		color: #86A8FF;
		font-size: 22upx;
		padding:10upx;
	}
	
	/* 底部分享 */
	.uni-share {
		padding:34upx 54upx;
		height: 810upx;
		overflow-y:auto;
		background: #fff;
		border-radius: 26upx 26upx 0 0 ;
		box-sizing:border-box;
	}
	
	.uni-share-title {
		width: 100%;
		border-radius: 26upx 26upx 0 0 ;
		background: #FFFFFF;
		padding:0upx 54upx;
		z-index: 9;
		box-sizing:border-box;
		position: fixed;
		top:0;
		left: 0;
		line-height: 98upx;
		font-size: 24upx;
		text-align: center;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		color: #333333;
		font-size: 28upx;
		border-bottom: 1px solid #ECEAEA;
	}
	.uni-share-title uni-icon{padding:10upx;}
	.uni-share-content {
		margin-top: 44upx;
		display: flex;
		flex-wrap: wrap;
		padding:0;
	}
	.conText{
		width:100%;
		height: 244upx;
		border-bottom: 1px solid #ECEAEA;
		padding:38upx 0;
		box-sizing: border-box;
		overflow: hidden;
	}
	.conText textarea{
		font-size: 28upx;
		color: #333333;
	}
	.conPic-tip{
		display: flex;
		flex: 1;
		flex-direction: row;
		justify-content: flex-start;
		color: #BCBCBC;
		font-size: 22upx;
		margin:15upx 0;
	}
	.share-fb{
		width:350upx;
		height: 73upx;
		line-height: 73upx;
		color: #999999;
		text-align: center;
		font-size:28upx;
		background: #F2F2F2;
		border-radius: 10upx;
		margin: auto;
	}
	.fb-blue{
		color: #FFFFFF;
		background: linear-gradient(left,#54AEFF,#5781FF);
	}
	.addPic-box image{
		width:136upx;
		height:136upx;
	}
	.urlPic-box {
		display: flex;
		flex-direction:row;
		align-items: center;
		flex-wrap: wrap;
	}
	.urlPic-item{
		margin-right:32upx;
		margin-bottom: 18upx;
	}
	 .urlPic-box .urlPic-item:nth-child(3n){
		margin-right:0;
	}
	.urlPic-item image{
		width:184upx;
		height:132upx;
		border-radius: 10upx;
	} 
	/* 下拉查看更多 */
	.down-more{
		width: 750upx;
		height: 30upx;
		text-align: center;
		display: flex;
		flex-direction: row;
		justify-content:center;
		padding:10upx 0 126upx 0;
	}
	.down-more image{
		width: 24px;
		height: 20px;
		margin-right: 30upx;
		
		/* padding-top: 30upx; */
		
	}
	.down-more text{
		
		font-size: 28upx;
		line-height: 35upx;
		color: #D3D2D2;
	}
</style>
